<template>
	<view id="attentionBar">
		<view class="attention_out">
			<view class="attention_out_top">
				{{title}}
			</view>
			<!-- <view class="attention_next">
				<view class="chong">
					
				</view>
				<mescroll-uni height="65%"
											@down="downCallback" 
											@up="upCallback" 
											:up="upOption" 
											class="message">
				<PeopleBar :arr2="item" v-for="(item,index) in arr2" :key="index" :flag="flag"></PeopleBar>
				</mescroll-uni>
				<view class="chong">
					
				</view>
			</view> -->
			<scroll-view class="history" scroll-y="true">
				<InformationBar :opIndex="0" :arr="item" v-for="(item,index) in infoArr2" :key="index"></InformationBar>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	import PeopleBar from './PeopleBar.vue'
	import MescrollUni from "../../../uni_modules/mescroll-uni/components/mescroll-uni/mescroll-uni.vue"
	import InformationBar from '../../../components/common/InformationBar.vue'
	export default {
		name:'AttentionBar',
		components:{
			PeopleBar,
			MescrollUni,
			InformationBar
		},
		props:{
			infoArr2: {
				type:Array,
				default () {
					return [];
				}
			},
			title: {
				type: String,
				default() {
					return ''
				}
			}
		},
		data () {
			return{
				flag:2,
				arr2:[],
				isShowNoMore:false,
				upOption:{
					textNoMore:'我是有底线的 >_<',
					toTop:{
						right: 70,
						bottom: 200
					}
				}
			}
		},
		created() {
			this.arr2 = this.infoArr2
		},
		methods:{
			// downCallback(mescroll) {
			// 	setTimeout(()=>{
			// 		// console.log(666);
			// 		mescroll.endErr()
			// 	},1000)
			// },
			// upCallback(mescroll) {
			// 	setTimeout(()=>{
			// 		// if(this.arr2.length <= 20) {
			// 		// 	for(var i=0;i<=20;i++)
			// 		// 	{
			// 		// 		var obj = {
								
			// 		// 				head_img:'https://img1.baidu.com/it/u=1601049102,1670442465&fm=26&fmt=auto',
			// 		// 				head_name:'陆大哥牛逼',
			// 		// 				head_fans_1:5,
			// 		// 				head_fans_2:50,
			// 		// 				head_signature:'一花一世界一页一菩提'
								
			// 		// 		};
			// 		// 		this.arr2.push(obj);
			// 		// 	}
			// 		// 	console.log(this.arr2);
			// 		// 	this.isShowNoMore = false;
			// 		// 	mescroll.endUpScroll(this.isShowNoMore);
			// 		// }else{
			// 		// 	this.isShowNoMore = true;
			// 		// 	mescroll.endUpScroll(this.isShowNoMore);
			// 		// }
			// 	},1000)
			// }
			
		}
	}
</script>

<style>
	.attention_out{
		width: 93%;
		background-color: #E7F2FF;
		margin: 0 auto 0 auto;
		border-radius: 27.27rpx;
	}
	.attention_out_top{
		text-align: center;
		height: 78rpx;
		line-height: 78rpx;
		font-size: 30rpx;
	}
	.chong{
		height: 6rpx;
	}
	.attention_next{
		background-color: #CFE4FF;
		margin: 8rpx 0 15rpx 0;
		border-radius: 27.27rpx;
	}
	.history {
		background-color: #CFE4FF;
		width: 100%;
		/* margin: 18.18rpx auto; */
		border-radius: 18.18rpx;
		height: 64vh;
	}
</style>
